<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title><block name="title"></block></title>
        <base href="__APP__/index.php">
        <meta charset="utf-8"> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge">


        <!--@style/提取各类css文件，额外引入的是和IE不兼容的相关js文件--> 
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="shortcut icon" type="image/x-icon" href="/dist/img/favicon.ico">
        <!-- Bootstrap 3.3.6 -->
        <link rel="stylesheet" href="__PUBLIC__/static/roncoo-adminlte/plugins/bootstrap/css/bootstrap.min.css">

        <!-- Font Awesome -->
        <link rel="stylesheet" href="__PUBLIC__/static/roncoo-adminlte/dist/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="__PUBLIC__/static/roncoo-adminlte/dist/css/ionicons.min.css">


        <!-- 以上为公共css -->
        <!--注意此处的js必须放在前面,否则系统会出现问题,因为直接跳转的页面,内部已经私用了jquery-->
        <!-- jQuery 2.2.3 -->
        <script src="__PUBLIC__/static/roncoo-adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
        <!-- Bootstrap 3.3.6 -->
        <script src="__PUBLIC__/static/roncoo-adminlte/plugins/bootstrap/js/bootstrap.min.js"></script>


        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style> 
            .header{;top:0px;left:0px;width:100%;height:50px; background-color: #333;}

            .content {position:relative;top:50px;height: 2000px; }

            .header_c{
                background-color: rgb(42,48,60);
                width:100%;
                height: 50px;
                color:white;
                position:relative;
            }
            .header_c>.navbar_c_logo,.header_c>.navbar_c_items,.header_c .navbar_c_item{
                float:left;
            }
            .logo_c{
                font-size:25px;
            }
            .header_c>.navbar_c_logo{
                padding:5px;
                padding-left:30px;
            }
            .header_c>.navbar_c_login{
                float:right;
            }
            /*設置整個内容区域*/
            .content_c{
                background-color:rgb(43,37,53); 
            }
            .navbar_c_items a,.navbar_c_login a{
                color:white;
                text-decoration:none;
            }
            .navbar_c_items a:hover,.navbar_c_login a:hover{
                color:RGB(15,149,167);
            }
            /*设置宣传曲的背景色*/
            .xc_content{
                background-color: rgba(255,255,255,0.9);
                color:#333;
                width:90%;
                margin-left: 5%;
                margin-right: 5%;
                padding-top: 10px; 
                display:none;
                position:absolute;
                top:50px;
                z-index:99;
            }
            /*设置宣传的每个项目的内边距，避免过于拥挤*/
            .xc_content .content_item{
                padding-bottom: 5px;
                padding-left:15px;
            }
            .xc_content .content_item:hover{
                color:blue;
                cursor: pointer;
            }
            /*设置每个宣传取悦*/
            .xc_content_area{
                width:30%;
                float:left;
                margin:10px;
                border-left:1px solid darkgrey; 
            }
            .xc_content_title>div{
                font-weight: bold; 
                font-size:16px;
                padding-left:10px;
                text-align: left;

            } 

            .badge_c{
                background-color:red;

            }
            .header_c .navbar_c_item{
                padding-top:15px;
                padding-bottom:15px; 
                padding-left: 30px;
                padding-right: 30px;
                font-size: 14px;
                text-align: center;

            } 
            .header_c .navbar_c_item:hover{
                color:RGB(15,149,167);
            }
            .navbar_c_login .navbar_c_item{
                padding-left:5px;
                padding-right: 5px;
                font-size:12px;

            }

            /*设置录播的图片样式*/
            .content_lb img{
                height:500px !important;
                width:96%;
                margin-left:2%;
                margin-right:2%;
            }
            /*关键产品的头区域*/
            .gj_words_area{
                text-align:center;padding:30px;

            }
            .gj_words_text_area{
                line-height: 1.1;font-size:24px;
            }

            .gj_summary{ 
                text-align:center;
            }

            .gj_head{
                display: inline-block; 
                width:200px;height:100px;
                cursor: pointer;

            }
            .gj_head:hover{
                color:RGB(15,149,167);
            }
            .gj_head_title{
                text-align: center;margin:20px;margin-bottom:10px;font-size:50px;

            }
            .gj_head_icon{
                text-align: center;padding-bottom:20px;

            }


        </style>
        <block name="header_require_css"></block>
        <script>
            $(function () {
                $(".navbar_c_item").mousemove(function () {
                    //全部隐藏
                    $(".xc_content").hide();
                    var item_code = $(this).attr('item_code');
                    //显示对应的组件
                    $("[xc_item_code='" + item_code + "']").show();
                });
                $(".xc_content").mouseleave(function () {
                    //全部隐藏
                    $(".xc_content").hide();
                })

                $(".gj_head").click(function () {
                    var gj_code = $(this).attr("gj_code");
                    $(".gj_detail_content").hide();
                    $(".gj_head_icon").css("borderBottom", "0px solid #333");
                    $(".gj_head").css("color", "#333");

                    $("[detail_gj_code='" + gj_code + "']").show();

                    $(this).find(".gj_head_icon").css("borderBottom", "2px solid RGB(15,149,167)");
                    $(this).css("color", "RGB(15,149,167)");
                });
            });
        </script>
          <!--头部需要的js-->
        <block name="header_require_js"></block>  

    </head> 
    <body>
        <div class="header_c">
            <div class="navbar_c_logo"> 
                <div class="logo_c">
                    <i class=" icon ion-ios-cloud-outline"></i>
                    <span><a href="__APP__">星云</a></span>
                </div>

            </div>
            <div class="navbar_c_items">
                <div class="navbar_c_item" item_code="schd">市场活动<span class="badge badge_c">筹划中</span></div>
                <div class="navbar_c_item" item_code="cp">产品</div>
                <div class="navbar_c_item" item_code="jjfa">解决方案</div>
                <div class="navbar_c_item" item_code="wd"><a target='_blank' href='http://wiki.qm.cn/display/FFED?os_username=guest_qm@faw.com.cn&os_password=1'>文档</a></div>
                <div class="navbar_c_item" item_code="zc"><a target='_blank' href='http://wiki.qm.cn/display/FFED?os_username=guest_qm@faw.com.cn&os_password=1'>开发支持</a></div>
                <div class="navbar_c_item" item_code="kfsq"><a target='_blank' href='http://wiki.qm.cn/display/FFED?os_username=guest_qm@faw.com.cn&os_password=1'>开发社区</a></div>
            </div>
            <div class="navbar_c_login">
                <div class="navbar_c_item"><a target="_blank" href="Admin/Index/index.html">登录</a></div>
                <div class="navbar_c_item">注冊</div>
                <div class="navbar_c_item">控制台</div>
            </div>
            <div class="xc_content"  xc_item_code="cp"  >

                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>基础组件</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">统一授权</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">流程中心</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">报表中心</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">服务总线</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">数据总线</a></div>
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>赋能组件</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">AI</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">IOT</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">大数据</a></div>
                        <div class="content_item"><a target="_blank" href="Home/Index/productDetail_new.html?n=productDetail_devops">区块链</a></div>
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>中间件</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item">负载均衡</div>
                        <div class="content_item">分布式消息</div>
                        <div class="content_item">分布式缓存</div>
                        <div class="content_item">应用监控</div>
                    </div>
                </div>
                <div style="border-top:0px solid #333;clear:both;"></div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>计算</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item">云服务器</div>
                        <div class="content_item">主机</div>
                        <div class="content_item">虚拟网络器</div>
                        <div class="content_item">弹性伸缩</div>
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>存储</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item">文件存储</div>
                        <div class="content_item">对象存储</div>
                        <div class="content_item">关系数据库</div> 
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>网络</div>
                    </div>
                    <div class="content_items">
                        <div class="content_item">虛擬公有IP</div>
                        <div class="content_item">虛擬私有IP</div>
                        <div class="content_item">局域網搭建</div> 
                    </div>
                </div> 
            </div>
            <div class="xc_content"  xc_item_code="jjfa"  >
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>设计领域</div> 
                        <div class="divider"></div>
                    </div>
                    <div class="content_items">
                        <div class="content_item"><a href="Home/Index/productDetail_new.html?n=productDetail_erp" title="XXXX" target="_blank">产品设计管理云</a></div>
                        <div class="content_item"><a href="Home/Index/productDetail_new.html?n=productDetail_erp" title="XXXX" target="_blank">FBom云</a></div> 
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>制造领域</div> 
                        <div class="divider"></div>
                    </div>
                    <div class="content_items">
                        <div class="content_item"><a href="Home/Index/productDetail_new.html?n=productDetail_erp" title="XXXX" target="_blank">MES管理</a></div>
                        <div class="content_item"><a href="Home/Index/productDetail_new.html?n=productDetail_erp" title="XXXX" target="_blank">企业资源计划云</a></div>
                        <div class="content_item"><a href="Home/Index/productDetail_new.html?n=productDetail_erp" title="XXXX" target="_blank">供应链管理云</a></div>  
                    </div>
                </div>
                <div class="xc_content_area" >
                    <div class="xc_content_title" >
                        <div>销售领域</div> 
                        <div class="divider"></div>
                    </div>
                    <div class="content_items">
                        <div class="content_item">分销云</div>
                        <div class="content_item">营销云</div>
                        <div class="content_item">数字化订单云</div> 
                    </div>
                </div> 
            </div>
        </div>


    <block name="content">

    </block>



    <div class="foot" style="width:100%;background-color: #333;height:100px;padding:20px;color:white;">
        <p style="text-align:center;">
            吉ICP备05000720 ©2018中国第一汽车集团有限公司 版权所有
        <p>

    </div>







</body>

</html>